{% load static %}
{#<!DOCTYPE html>#}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>管理员注册界面</title>
<link href="{% static 'pluigns/bootstrap-3.4.1/css/bootstrap.css' %}" rel="stylesheet">
    <style>
        body{
            background-image: url("{% static 'img/111.jpeg' %}");
            background-repeat: no-repeat;
        }
        .forms{
            width: 400px;
            height:380px;
            position: absolute;
            left: 38%;
            margin-top: 135px;
            border: 1px solid gainsboro;
            /* border-bottom: 1px solid gainsboro;
            border-left: 1px solid gainsboro; */
            background-color: white;
            box-shadow:0px 10px 10px 5px #ccc;

        }
        .form-group{
            margin-right: 15px;
            margin-left: 15px;
            margin-bottom:6px;
        }
        h1{
            text-align: center;
            font-size: 40px;
        }
        .btn{
            position: relative;
            left: 42%;
            margin-top: 15px;
        }
        a{
            text-decoration: none;
        }
        .form-control{
            {#border-radius: 5px;#}
            {#/* background-color: rgb(0, 145, 255); */#}
        }
        .chen{
           float:right;
        }
    </style>
</head>
<body>
    <form class="forms" method="post" novalidate>
        {% csrf_token %}
        <h1>账户注册</h1>
        <div class="form-group">
          <label>管理员:</label>
          {{ form.user_n }}
          <span style="color:red;">{{ form.user_n.errors.0 }}</span>
        </div>
        <div class="form-group">
          <label>密码:</label>
          {{ form.password}}
          <span style="color:red;">{{ form.password.errors.0 }}</span>
        </div>
         <div class="form-group">
            <label>图片验证码:</label>
          <div class="row">
              <div class="col-xs-7">
                  {{ form.code}}
                  <span style="color:red;">{{ form.code.errors.0 }}</span>
              </div>
              <div class="col-xs-5">
                  <a href="account_dl.html"><img src="/image/code/" id="image_code" style="width: 125px;height: 34px;"></a>
              </div>
          </div>
        </div>
        <button type="submit" class="btn btn-primary" >注 册</button>
        <a href="/login/" style="padding: 50px 30px;float:right;font-size: 18px;text-decoration:underline;">返回登录</a>
      </form>
</body>
</html>
